.wholesale-detail {
  background-color: #f7f8fa;
  margin-bottom: 10px;
  height: auto;
  padding: 0 !important;
  overflow-x: hidden;
}
.delete-code__alert {
  z-index: 3000 !important;
}
.hospitail-detail {
  position: relative !important;
  overflow: hidden;
  padding: 0 8px;
  .block__error-message {
    background: rgba(255, 0, 0, 0.15);
    border-radius: 3px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FF0000;
    letter-spacing: 0;
    padding: 12px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    span{
      position: absolute;
      left: 36px;
    }
    p {
      padding-left: 80px;
    }
  }
}
.orderDetail {
  margin: 20px 0 0 20px;
  display: flex;
  justify-content: space-between;
  width: 70%;

  p {
    flex-basis: 30%;
    margin-bottom: 20px;
    padding: 0;
    color: #999999;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;

    span {
      color: #333333;
    }
  }
}

/deep/.step-section {
  // display: flex;
  padding: 0 8px !important;
  border-bottom: 1px solid #EEF0F5;

  // .el-steps {
  //   flex-wrap: wrap;
  // }

  .titleBox {
    display: flex;
    align-items: center;
    width: 500px;
    height: 40px;
    background: rgba(235, 132, 48, 0.10);
    border: 1px solid #EB8430;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    margin: 10px;

    img {
      width: 14px;
      height: 14px;
      margin: 0 10px;
    }
  }

  .title {
    padding-top: 10px;
  }

  .box {
    width: 100%;
  }
}

.step-div {
  border-right: 1px solid #EEF0F5;

  padding: 15px 5px;
  width: 283px;
  // height: 100%;
  text-align: center;

  p {
    margin-bottom: 12px;
  }

  .el-button {
    border: 1px solid #49C0AF;
    color: #49C0AF;
    height: 34px;
    width: 200px;
  }
}

.block {
  header {
    padding: 15px 0 !important;
    border-bottom: 1px solid #eee;
    h2 {
      color: #4D84FF;
      padding: 0 26px;
      position: relative;
      display: block;
      width: fit-content;
      &::before {
        content: '';
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -15px;
        background: #4D84FF;
      }
    }
  }
  .block__pruduct-count {
    height: 38px; background: #F5F8FF; width: 100%;line-height: 38px; ont-size: 16px;
    color: #4D84FF;padding: 0 20px;
    margin-bottom: 10px;
    span {
      color: #dd0000;
    }
  }
  section {
    padding: 15px 0;

    .el-col {
      color: #999999;
      //overflow: hidden;
      //white-space: nowrap;
      //text-overflow: ellipsis;
      span {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #333;
        letter-spacing: 0;
        display: inline-block;
        vertical-align: top;
        margin: 10px 14px 10px 0;
        &:first-child{
          color: #666;
          width: 90px;
          text-align: right;
        }
        &:last-child{
          width: calc(100% - 124px);
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }
  }

  /deep/.el-col {
    margin: 5px 0;
  }
}

/deep/ .el-tabs__content {
  min-height: 300px;
}

/deep/.el-tabs__header {
  background: #F4F5F8;
  padding-left: 8px;
}

.el-editable {
  height: 400px;
}

///deep/.bgHeight {
//  background: #49c0af !important;
//}
// 自定义step
.hospitail-detail--step {
  margin-top: 8px;
  .el-step {
    flex-basis: 25% !important;
  }
  /deep/.is-finish,
  /deep/.is-process {
    .el-step__line {
      background-color: #007BFF;
      left: 0;
      right: 0;
    }
    &.el-step__title  {
      font-size: 14px;
      color: #333333;
      letter-spacing: 0;
    }
    &.el-step__description {
      font-size: 14px;
      color: #333333;
      letter-spacing: 0;
    }
  }
  /deep/.is-wait {
    &.el-step__title  {
      font-size: 14px;
      color: #999999;
      letter-spacing: 0;
    }
    &.el-step__description  {
      font-size: 14px;
      color: #999999;
      letter-spacing: 0;
    }
    .el-step__line {
      background-color: #ECEEF3;
      left: 0;
      right: 0;
      &>.el-step__line-inner {
        display: none;
      }
    }
  }
  /deep/.is-last {
    .el-step__line {
      display: block !important;
      left: 0;
      right: 50%;
    }
  }
  /deep/.is-first {
    .el-step__line {
      left: 50%;
      right: 0;
    }
  }
  /deep/.el-icon--active__custom {
    .step--img {
      width: 96px;
      background: #ffffff;
      img {
        width: 48px;
        height:48px;
      }
    }
    .step--next--step {
      position: absolute;
      left: 100%;
      bottom: 100%;
      transform: translateX(-50%);
      font-size: 14px;
      color: #333333;
      letter-spacing: 0;
      min-width: 200px;
    }
  }
}
section.hospitail-detail--step__vertical {
  margin: 0 calc(12.5% - 80px);
  height: 289px;
  border: 1px solid #ECEEF3;
  padding: 0;
  .hospitail-detail--text {
    height: 66px;
    box-sizing: border-box;
    color:#333333;
    font-size: 18px;
    padding: 22px 24px;
    border-bottom: 1px solid #ECEEF3;
    img {
      width: 22px;
      height: 22px;
      vertical-align: text-bottom;
    }
    span {
      display: inline-block;
      height: 22px;
    }
  }
  .el-timeline {
    height: 223px;
    overflow: auto;
    box-sizing: border-box;
    padding-top: 22px;
    padding-left: 160px;
  }
  /deep/.time--last {
    & .el-timeline-item__timestamp {
      color: #333333;
    }
    & .el-timeline__content {
      color: #333333;
    }
    & .el-timeline-item__content {
      color: #333333;
    }
  }
  /deep/.el-timeline__content {
    color: #999999;
  }
  /deep/.el-timeline-item__content {
    color: #999999;
  }
  /deep/.big-dot .el-timeline-item__node--normal {
    width: 22px;
    height: 22px;
    left: -6px;
  }
  /deep/.el-timeline-item__dot .custom-dot {
    width: 25px;
    height: 24px;
    padding: 0;
    position: absolute;
    left: -7px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  /deep/.el-timeline-item__timestamp {
    position: absolute;
    color: #999999;
    min-width: 120px;
    right: calc(100% + 20px);
    text-align: right;
  }
}
